<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Featherlight Gallery Test Suite</title>
  <link rel="stylesheet" href="../bower_components/mocha/mocha.css" />
  <link rel="stylesheet" href="../src/featherlight.css" />
  <link rel="stylesheet" href="../src/featherlight.gallery.css" />
</head>
<body>
  <div id="mocha"></div>
  <script src="../bower_components/jquery/jquery.js"></script>
  <script src="../bower_components/lodash/lodash.js"></script>
  <script src="../bower_components/chai/chai.js"></script>
  <script src="../bower_components/chai-jquery/chai-jquery.js"></script>
  <script src="../bower_components/chai-properties/chai-properties.js"></script>
  <script src="../bower_components/mocha/mocha.js"></script>
  <script>mocha.setup('bdd')</script>
  <script src="../src/featherlight.js"></script>
  <script src="../src/featherlight.gallery.js"></script>
  <script src="helpers/patiently.js"></script>
  <script src="featherlight_gallery_test.js"></script>
  <script>
    if (navigator.userAgent.indexOf('PhantomJS') < 0) {
      mocha.checkLeaks();
      mocha.globals(['jQuery*']);
      mocha.run();
    }
  </script>
  <section id="fixtures">
    <span id="basic-test">
      <a href="fixtures/photo_large.jpg?0"><img src="fixtures/photo.jpeg?0"></a>
      <a href="fixtures/photo_large.jpg?1"><img src="fixtures/photo.jpeg?1"></a>
      <a href="fixtures/photo_large.jpg?2"><img src="fixtures/photo.jpeg?2"></a>
      <a href="fixtures/photo_large.jpg?3"><img src="fixtures/photo.jpeg?3"></a>
    </span>

    <span id="extra-test"
      data-featherlight-next-icon="}"
      data-featherlight-after-content="this.called = true"
      data-featherlight-filter="a"
    >
      <a href="fixtures/photo_large.jpg?extra_0"><img src="fixtures/photo.jpeg?0"></a>
      <a href=".some-content"><img src="fixtures/photo.jpeg?1"></a>
    </span>

    <ul class="some-content">
      <li>Hello</li>
      <li>world</li>
    </ul>

    <div id="full-auto"
      data-featherlight-gallery
      data-featherlight-filter="a"
    >
      <a href="fixtures/photo_large.jpg?auto_0"><img src="fixtures/photo.jpeg?auto_0"></a>
      <a href="fixtures/photo_large.jpg?auto_1"><img src="fixtures/photo.jpeg?auto_1"></a>
    </div>
    <div id="just-to-be-sure-auto-bound-galleries-are-independent"
      data-featherlight-gallery
      data-featherlight-filter="a"
    >
      <a href="fixtures/photo_large.jpg?auto_2"><img src="fixtures/photo.jpeg?auto_2"></a>
    </div>
  </section>
</body>
</html>

